   <div id="btn_backward" style="position:absolute;top:0px;right:174px;cursor:pointer;">
  		 <ul class="nav ace-nav">
			<li class="light-11">
				<a href="javascript:tab_backward();" style="height:40px;min-width:30px;">
					<i class="light-grey fa fa-backward"></i>
				</a>
			</li>
		</ul>
   </div>
   <div	style="position:absolute;top:0px;right:145px;cursor:pointer;">
  		 <ul class="nav ace-nav">
			<li class="light-11">
				<a href="javascript:tab_forward();" style="height:40px;min-width:30px;">
					<i class="light-grey fa fa-forward"></i>
				</a>
			</li>
		</ul>
   </div>
   <div	style="position:absolute;width:77px;top:0px;right:70px;cursor:pointer;">
		<ul class="nav ace-nav">
			<!-- #section:basics/navbar.user_menu -->
			<li class="light-11">
				<a style="height:40px;" data-toggle="dropdown" href="#" class="dropdown-toggle">
					<span style="color:#999C9E;">
						<small>操作选项</small>
					</span>
					<i class="light-grey fa fa-caret-down"></i>
				</a>
				<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-lighter dropdown-caret dropdown-close">
					<li>
						<a href="javascript:switchTheme();">
							<i class="light-black ace-icon fa fa-paint-brush" style="width:15px;"></i>
							<span style="color:#576373">主题切换</span>
						</a>
					</li>
					<li class="divider"></li>
					<li>
						<a href="javascript:openPerson();">
							<i class="light-black ace-icon fa fa-user" style="width:15px;"></i>
							<span style="color:#576373">个人信息编辑</span>
						</a>
					</li>
					<li>
						<a href="javascript:editPassword();">
							<i class="light-black ace-icon fa fa-lock" style="width:15px;"></i>
							<span style="color:#576373">个人密码修改</span>
						</a>
					</li>
					<li class="divider"></li>
					<li>
						<a href="javascript:showTab();">
							<i class="light-black ace-icon fa fa-location-arrow" style="width:15px;"></i>
							<span style="color:#576373">定位当前选项卡</span>
						</a>
					</li>
					<li>
						<a href="javascript:reloadTab();">
							<i class="light-black ace-icon fa fa-refresh" style="width:15px;"></i>
							<span style="color:#576373">刷新当前选项卡</span>
						</a>
					</li>
					<li class="divider"></li>
					<li>
						<a href="javascript:closeThis();">
							<i class="light-black ace-icon fa fa-times" style="width:15px;"></i>
							<span style="color:#576373">关闭当前选项卡</span>
						</a>
					</li>
					<li>
						<a href="javascript:closeOther();">
							<i class="light-black ace-icon fa fa-times-circle-o" style="width:15px;"></i>
							<span style="color:#576373">关闭其他选项卡</span>
						</a>
					</li>
					<li>
						<a href="javascript:closeAll();">
							<i class="light-black ace-icon fa fa-times-circle" style="width:15px;"></i>
							<span style="color:#576373">关闭全部选项卡</span>
						</a>
					</li>
				</ul>
			</li>
		 </ul>
   </div>
   <div	style="position:absolute;top:0px;right:10px;cursor:pointer;">
  		 <ul class="nav ace-nav">
			<li class="light-11">
				<a href="javascript:logout();" style="height:40px;min-width:61px;">
					<i class="light-grey fa fa-sign-out"></i>
					<span style="color:#999C9E;">
						<small>退出</small>
					</span>
				</a>
			</li>
		</ul>
   </div>
   <script type="text/javascript">

	   var searchGrid = function(){};
	
	   var switchTheme = function(){  
           layer.confirm("是否切换主题？", {
               icon: 3,
               btn: ['确定', '取消'] //按钮
           }, function () {
	   			var ajax = new Ajax("${ctxPath}/cache/theme", function(data){
	   			    if (data.code === 0) {
                        window.location.href="${ctxPath}/";
					} else {
                        window.location.href="${ctxPath}/login";
					}
				});
				ajax.start();
           }, function () {});
		};
	   
	   var openPerson = function(){
			layer.open({
		   	    type: 2,
		   	    title:"${shiro.getUser().name}→个人信息编辑",
		   	    area: ["800px", "400px"],
		   	    fix: false, //不固定
		   	    maxmin: true,
		   	    content: "${ctxPath}/user/editMySelf/${shiro.getUser().id}"
		   	});
		};
   
		var editPassword = function(){
			layer.open({
        	    type: 2,
        	    title:"${shiro.getUser().name}→密码修改",
        	    area: ["250", "420px"],
        	    fix: false, //不固定
        	    maxmin: true,
        	    content: "${ctxPath}/user/editPassword/${shiro.getUser().id}"
        	});
		};
   
   		var logout = function(){
   			layer.confirm("是否确定退出？", {
                icon: 3,
                btn: ["确定", "取消"] //按钮
            }, function () {
                window.location.href="${ctxPath}/logout";
            }, function () {
                //layer.msg('已取消');
            });
   		}
   </script>
   